<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>单场页测试地址</title>
  <!-- 加密压缩后代码 -->
  <meta charset="utf-8">
  <!-- Mobile Devices Support @begin -->
  <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no" name="viewport" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no, email=no">
  <meta name="msapplication-tap-highlight" content="no" />
  <meta name="browsermode" content="application" />
  <meta name="x5-page-mode" content="default|app" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="x5-orientation" content="portrait" />
  <!-- Mobile Devices Support @end -->
  <link rel="stylesheet" href="//n.sinaimg.cn/sports/lottpao/v240/wap/c/ct0_common.css?v=150823791">
  <link rel="stylesheet" href="//n.sinaimg.cn/sports/lottpao/v240/wap/c/index.css?v=150823791">
  <script type="text/javascript">
    window.noHasDownLoad = true;
  </script>
  <style>
  #appbox {
    margin: 40px;
  }

  .t_btn {
    padding: 5px 10px;
    width: 100px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #ca4341;
  }

  .teamName {
    font-size: 22px;
    line-height: 1.8;
    margin-top: 30px;
  }

  .t_match_block {
    margin-top: 30px;
  }

  .t_match_block a {
    padding: 5px 10px;
    width: 100px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #ca4341;
    margin-right: 10px;
  }
  </style>
</head>

<body>
  <div id="appbox">
    <div class="t_btn" @click="init()">更换赛事</div>
    <div class="t_match_list">
      <div class="teamName">
        <p>{{data.Team1}} vs {{data.Team2}}</p>
        <p>{{data.matchTime}}</p>
        <p>{{data.LeagueType_cn}}</p>
      </div>
      <div class="t_match_block">
        <a :href="urlOp" target="_blank">欧赔</a>
        <a :href="urlYp" target="_blank">亚盘</a>
        <a :href="urlDx" target="_blank">大小</a>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib/jquery-2.2.4.min.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/common.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib/myApp.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/index.js?v=150823791"></script>
  <script>
  let testM_id = [166320,166321,166322,166319,163537,166324,162154,163107,166323,165709,164774,164775,164776,164777,164778,164779,164780,164781,166337,166338,166339,166340,166341,166342,166343,166344,166345,166346,166347,166348,166351,166352,166353,166354,166355,166356,166357,166358,166359,166360,166361,166362,165710,164787,164782,164783,164784,164785,164786,164788];
  (function() {
    util.INTERFACE_CLIENTPROXY = '//match.lottery.sina.com.cn/client/index/clientProxy/';
    let app = new Vue({
      el: "#appbox",
      data() {
        return {
          m_id: "",
          data: {},
        }
      },
      computed: {
        urlDx() {
          return "../football/match_dx.html?sports_type=football&lc_id=" + this.m_id;
        },
        urlYp() {
          return "../football/match_yp.html?sports_type=football&lc_id=" + this.m_id;
        },
        urlOp() {
          return "../football/match_op.html?sports_type=football&lc_id=" + this.m_id;
        }
      },
      methods: {
        init() {
          let k = ~~(Math.random() * 49);
          this.m_id = testM_id[k];
          let obj = {
            cat1: "MatchDetail",
            m_id: this.m_id,
            format: "json",
            __caller__: "wap",
            __verno__: 1,
          }
          let sinaAjax = new util._paoAjax(obj);
          sinaAjax.dataType = "jsonp"
          sinaAjax.next((data) => {
            console.log(data);
            this.data = data.data;
            console.log(this.data);
          })
        }
      },
      created() {
        this.init();
      }
    })
  })()
  </script>
</body>

</html>